<!--主编推荐-->
<template>
  <el-col :span="24" style="margin: auto">
    <h1>版主推荐</h1>
    <el-card>
      <el-row :gutter="40">
        <el-col :span="4" v-for="(n,index) in 6" :key="index">
          <el-card :body-style="{ padding: '0px' }" style="margin-top: 50px">
            <img src="https://img-tailor.11222.cn/bcv/big/202205141832503498_s.jpg" class="image">
            <div style="padding: 15px;">
              <p style="font-size: 15px">太古龙尊</p>
              <div style="font-size: 8px;height: 34px;width: 165px;" class="yc">凌天大陆，九境分明。 袁尊本是尊灵境之主，突破之际，却被自己挚爱的女人勾结外人所杀。 一朝梦醒，发现自己重生在了一个天生无脉的少年身上。 天堂无路，地狱无门，且看他如何逆袭绝境，再临巅峰！</div>
              <p style="font-size: 12px">五岳之巅</p>
              <span style="font-size: 10px">热度：</span>
              <span style="color:red;font-size: 10px">1192.12万</span>
              {{n}}
            </div>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
  </el-col>
</template>

<script>
export default {
  name: "EditorRecommend"
}
</script>

<style scoped>
*{
  margin: 0;
  padding: 0;
}
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100%;
  display: block;
  transition-duration: 2s;
}
.image:hover{
  box-shadow:0px 0px 5px 10px #f1e8e8;

}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both
}
.yc{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
</style>
